<template>
  <ul>
    <router-link class="cursor" to="/discovery" tag="li">
      <i class="el-icon-s-promotion"></i>
      发现音乐
    </router-link>
    <router-link class="cursor" to="/playlists" tag="li">
      <i class="el-icon-collection"></i>
      推荐歌单
    </router-link>
    <router-link class="cursor" to="/songs" tag="li">
      <i class="el-icon-service"></i>最新音乐
    </router-link>
    <router-link class="cursor" to="/mvs" tag="li">
      <i class="el-icon-film"></i>最新MV
    </router-link>
  </ul>
</template>

<script>
export default {};
</script>

<style scope>
.cursor {
  cursor: pointer;
}
li.router-link-active {
  background: coral;
  color: white;
}
</style>